<!DOCTYPE html>
<html>
    <head lang="en">

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
        <meta content="YES" name="apple-touch-fullscreen">
        <meta content="yes" name="apple-mobile-web-app-capable">
        <meta content="no-cache" http-equiv="Cache-Control">
        <meta name="GENERATOR" content="MSHTML 6.00.2900.3527">
        <meta content="240" name="MobileOptimized">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <title>贵州优行车联科技有限公司——专注于车联网领域的产品开发、用车解决方案</title>

        <link rel="stylesheet" type="text/css" href="images/reset.css">
        <link rel="stylesheet" type="text/css" href="images/app.min.css">
        <link rel="stylesheet" type="text/css" href="images/animation.css">
        <link rel="stylesheet" type="text/css" href="images/play.css">

        <style>
        #audio_btn { position: absolute;  right: 20px; top: 20px;   z-index: 200;   width: 30px;  height: 30px;  }
        #audio_btn, .off {   background-repeat: no-repeat;}
        .rotate { -webkit-animation: rotating 1.2s linear infinite;-moz-animation: rotating 1.2s linear infinite; -o-animation: rotating 1.2s linear infinite; animation: rotating 1.2s linear infinite; }
        .off { background-image: url(images/normalmusic.svg);  background-size: contain;  }

        @keyframes rotating {
        from {
        transform:rotate(0)
        }
        to {
            transform: rotate(360deg)
        }
        }

        @-webkit-keyframes rotating {
         from {
        -webkit-transform:rotate(0)
        }
        to {
            -webkit-transform: rotate(360deg)
        }
        }

        @-moz-keyframes rotating {
        from {
        -moz-transform:rotate(0)
        }
        to {
            -moz-transform: rotate(360deg)
        }
        }

        </style>


        <script type="text/javascript" src="images/jquery.min.js"></script>
        <script type="text/javascript" src="images/common.js"></script>
        <script type="text/javascript" src="images/circleProgress.js"></script>
        <script type="text/javascript" src="images/init.min.js"></script>
        <script type="text/javascript" src="images/libs.all.min.js"></script>
        <script type="text/javascript" src="images/circles.js"></script>
        <script type="text/javascript" src="images/jquery.base64.js"></script>
        <script type="text/javascript" src="images/drivebehavior.js"></script>

        <script>

            alert(1);



            /**
             * 背景音乐播放
             */
            function bf(){

                var audio = document.getElementById('media');
                console.log("audio");
                console.log(audio);
                if(audio.paused)  {
                    audio.play();//audio.play();// 这个就是播放
                    document.getElementById('audio_btn').className="off rotate";
                }else{
                    audio.pause();// 这个就是暂停
                    document.getElementById('audio_btn').className="off";
                }
            }




        </script>

    </head>

    <body class="app" free="0">

        <div style="margin:0 auto;display:none;"><img src="images/slt.jpg"/></div>

        <div id="audio_btn" class="off rotate" style="display: block;" onclick="bf();">
            <audio loop src="images/music.mp3" id="media" autoplay="autoplay" preload="auto"></audio>
        </div>

        <div id="app-loading" class="app-loading z-hide">
          <div class="cycleWrap"> <img src="images/load.gif" width="48"> </div>
        </div>

        <!-- section 1 -->
        <section class="app-content">

            <!-- section 1.1 -->
            <section class="page page-batt page-1 z-current" id="webDrivingScore" style="transform: none; transition: none;">
                <section class="page-content">
                    <div class="top a-fadeinT"><img src="images/1-1-top.png"></div>
                    <div class="title-text a-fadeinL"><h2>贵州优行车联科技有限公司</h2></div>
                    <div class="rotateline edge" style="right:-150px; bottom:-70px;"><img  class="element-last"  src="images/1-line.png"></div>
                    <div class="rotateline edge" style="left:-82px; bottom:-27px;"><img  class="element-last"  src="images/1-line.png"></div>
                    <div class="rotateline edge" style="left:-57px; top:-17px;"><img  class="element-last"  src="images/1-line.png"></div>
                    <div class="rotateline edge" style=" right:-100px; top:70px;"><img  class="element-last"  src="images/1-line.png"></div>
                    <div class="middle">
                        <div class=" line1 zoomIn"><img src="images/1-line1.png"></div>
                        <div class=" line2 zoomIn"><img src="images/1-line2.png"></div>
                        <div class=" line3 zoomIn"><img src="images/1-line3.png"></div>
                        <div class="dian-big flash"><img src="images/1-2yuan.png"></div>
                        <div class="dian"><img src="images/1-1yuan.png"></div>
                        <div class="con-box1">
                            <div class="border " style="left:18px; top:13px;animation:zoomIn 0.8s ease 0.8s 1 both;"><img class="element-last" style="-webkit-user-drag: none; width: 10px; height: 10px;" src="images/1-1yuan.png"></div>
                            <div class="border" style="left:11px; top:11px;animation:zoomIn 0.8s ease 1.2s 1 both;"><img src="images/1-2border.png"  style="-webkit-user-drag: none; width:24px; height:24px;"></div>
                            <div class="border" style="left:2px; top:3px;animation:zoomIn 0.8s ease 1s 1 both;"><img src="images/1-2border-xx.png" style=" -webkit-user-drag: none;width:40px; height:40px;animation:rotateline 8s linear 1.1s infinite both"></div>
                       </div>
                        <div  class="con-text1" style="animation:fadeInDown 1s ease 1.6s 1 both"><h2 class="h2">平台</h2><p class="p">专注于车联网IOV（Internet Of Vehicle）领域的产品开发、用车解决方案。</p></div>
                        <div class="con-box2">
                            <div class="border " style="left:17px; top:10px;animation:zoomIn 0.8s ease 0.8s 1 both;"><img class="element-last" style="-webkit-user-drag: none; width:8px; height:8px;" src="images/1-1yuan.png"></div>
                            <div class="border" style="left:11px; top:11px;animation:zoomIn 0.8s ease 1.2s 1 both;"><img src="images/1-2border.png"  style="-webkit-user-drag: none; width:20px; height:20px;"></div>
                            <div class="border" style="left:2px; top:3px;animation:zoomIn 0.8s ease 1s 1 both;"><img src="images/1-2border-xx.png" style=" -webkit-user-drag: none;width:36px; height:36px;animation:rotateline 8s linear 1.1s infinite both"></div>
                        </div>
                        <div class="con-text2" style="animation:fadeInDown 1s ease 2s 1 both"><h2 class="h2" align="center">宗旨</h2><p class="p">&nbsp;&nbsp;&nbsp;&nbsp;整合国内先进车联网技术、互联网  金融服务平台、智能交通管理平台构建政企车辆、车群车辆、客运车辆、特种车辆、个人车辆的安全、环保、节能用车新模式。</p></div>
                        <div class="con-box3">
                            <div class="border " style="left:16px; top:14px;animation:zoomIn 0.8s ease 0.8s 1 both;"><img class="element-last" style="-webkit-user-drag: none; width: 12px; height: 12px;" src="images/1-1yuan.png"></div>
                            <div class="border" style="left:9px; top:10px;animation:zoomIn 0.8s ease 1.2s 1 both;"><img src="images/1-2border.png"  style="-webkit-user-drag: none; width:26px; height:26px;"></div>
                            <div class="border" style="left:0px; top:2px;animation:zoomIn 0.8s ease 1s 1 both;"><img src="images/1-2border-xx.png" style=" -webkit-user-drag: none;width:44px; height:44px;animation:rotateline 8s linear 1.1s infinite both"></div>
                            <div class="border" style="left:-9px; top:-7px;animation:zoomIn 0.8s ease 0.6s 1 both;"><img src="images/1-3border.png"  style="-webkit-user-drag: none;width:62px; height:62px;"></div>
                        </div>
                        <div class="con-text3" style="animation:fadeInDown 1s ease 2.4s 1 both"><h2 class="h2">服务行业</h2><p class="p">政府及事业单位，部队，运营商、电力、建筑、金融、汽车后市场等多行业用户及私家车个人用户。    </p></div>
                    </div>
                </section>
                <div class="u-guideWrap"><a href="javascript:void(0);" class="u-guideTop z-move"></a></div>
            </section>

            <!-- section 1.2 -->
            <section class="page page-batt page-2" id="webDrivingDailyMilage">

                <section class="page-content">
                    <div class="title-text a-fadeinL"><h2>我们为您提供的方案</h2></div>
                    <div class="rotateline edge" style="right:-150px; bottom:-70px;"><img  class="element-last"  src="images/1-line.png"></div>
                    <div class="rotateline edge" style="left:-82px; bottom:-27px;"><img  class="element-last"  src="images/1-line.png"></div>
                    <div class="rotateline edge" style="left:-12px; top:-170px;"><img  class="element-last"  src="images/1-line.png"></div>
                    <div class="rotateline edge" style=" right:-180px; top:-100px;"><img  class="element-last"  src="images/1-line.png"></div>
                    <div class="menu-box">
                        <div class="menu menu-pos1" style="animation:zoomIn 0.8s ease 0.1s 1 both;">保险车联网<BR>（UBI）</div>
                        <div class="menu menu-pos2" style="animation:zoomIn 0.8s ease 0.6s 1 both;">音视频调度<br>指挥系统</div>
                        <div class="menu menu-pos4" style="animation:zoomIn 0.8s ease 1.1s 1 both;">智能车辆<br>管理系统</div>
                        <div class="menu menu-pos3" style="animation:zoomIn 0.8s ease 1.7s 1 both;">智通行App</div>
                        <div class="menu menu-pos5" style="animation:zoomIn 0.8s ease 2.7s 1 both;">穿戴手环<br>应用系统</div>
                        <div class="menu menu-pos6" style="animation:zoomIn 0.8s ease 2.2s 1 both;">装备管理<br>系统</div>
                        <div class="menu-pos7"  style="animation:zoomIn 0.8s ease 2.7s 1 both;"><img src="images/2-1-menu.png"></div>
                        <div class="menu-pos8"  style="animation:zoomIn 0.8s ease 2.8s 1 both;"><img src="images/2-1-menu.png"></div>
                    </div>
                </section>
                <div class="u-guideWrap"><a href="javascript:void(0);" class="u-guideTop z-move"></a></div>
            </section>

            <!-- section 1.3 -->
            <section class="page page-batt page-3" id="webDrivingDailyAvgSpeed">

                <section class="page-content">
                    <div class="top-title">
                        <h2 class="titleh2" style="animation:fadeinL 1s ease 0.2s 1 both;">保险车联网（UBI）</h2>
                        <div style="animation:rotateInRightDown 1s ease 0.8s 1 both;"><img style="-webkit-user-drag: none; width: 198px; height: 39px;"  src="images/title-01.png"></div>
                        <div class="title-Down" style="animation: fadeInDown 1s ease 1.2s 1 both;" ><img class="element-last" style=" width:16px; height: 12px;" src="images/title-02.png"></div>
                    </div>
                    <div class="mid-text" style="animation:fadeinB 1s ease 1.5s 1 both;">
                        <p>UBI(Usage Based Insurance):基于车辆驾驶数据的新型保险服务。</p>
                    </div>
                    <div class="bottom" style="animation:bounceInRight 1s ease 1.6s 1 both;"><img src="images/renw.png"></div>
                    <div class="middle">
                        <div class="menu-dian" style="animation:zoomIn 0.8s ease 4.2s 1 both;"><img src="images/3-dian1.png" style="animation:flash 4s ease-in-out 4.2s infinite;"></div>
                        <div class="menu-line" style="animation:zoomIn 0.8s ease 3.9s 1 both;"><img src="images/3-line2.png"></div>
                        <div class="menu1" style="animation:zoomIn 1.5s ease 2s 1 both;">保险车联网<br>核心应用</div>
                        <div class="menu2" style="animation:zoomIn 1.5s ease 2.5s 1 both;">车险<br>差异化定价</div>
                        <div class="menu3" style="animation:zoomIn 1.5s ease 3s 1 both;">理赔<br>创新模式</div>
                        <div class="menu4" style="animation:zoomIn 1.5s ease 3.5s 1 both;">客户<br>增值服务</div>
                        <div class="menu5" style="animation:zoomIn 0.8s ease 3.8s 1 both;">……</div>
                    </div>
                </section>
                <div class="u-guideWrap"><a href="javascript:void(0);" class="u-guideTop z-move"></a></div>
            </section>

            <!-- section 1.4 -->
            <section class="page page-batt page-4" id="webDrivingFuelConsumption">
                <section class="page-content">
                    <div class="top-title">
                        <h2 class="titleh2" style="animation:fadeinL 1s ease 0.2s 1 both;">音视频调度指挥系统</h2>
                        <div style="animation:rotateInRightDown 1s ease 0.8s 1 both;"><img style="-webkit-user-drag: none; width: 198px; height: 39px;"  src="images/title-01.png"></div>
                        <div class="title-Down" style="animation: fadeInDown 1s ease 1.2s 1 both;" ><img class="element-last" style=" width:16px; height: 12px;" src="images/title-02.png"></div>
                    </div>
                    <div class="middle">
                        <img src="images/4-1-middle.png"  style="animation:zoomIn 1.2s ease 2.3s 1 both;">
                        <div class="text f18" style="animation:fadeInDown 1s ease 1.8s 1 both">全面实现</div>
                        <div class="icon1" style="animation:zoomIn 0.8s ease 2.7s 1 both;"><img src="images/4-icon_01.png"></div>
                        <div class="icon2" style="animation:zoomIn 0.8s ease 3.1s 1 both;"><img src="images/4-icon_02.png"></div>
                        <div class="icon3" style="animation:zoomIn 0.8s ease 3.5s 1 both;"><img src="images/4-icon_03.png"></div>
                        <div class="text1" style="animation:fadeInRight 1s ease 3.9s 1 both">看得见</div>
                        <div class="text2" style="animation:fadeInLeft 1s ease 4.3s 1 both">喊得应</div>
                        <div class="text3" style="animation:fadeInRight 1s ease 4.7s 1 both">调得动</div>
                    </div>
                    <div class="footer a-fadeinB"></div>
                </section>
                <div class="u-guideWrap"><a href="javascript:void(0);" class="u-guideTop z-move"></a></div>
            </section>

            <!-- section 1.5 -->
            <section class="page page-batt page-5" id="webDrivingFourEmergency">
                <section class="page-content">
                    <div class="top-title">
                        <h2 class="titleh2" style="animation:fadeinL 1s ease 0.2s 1 both;">智通行APP</h2>
                        <div style="animation:rotateInRightDown 1s ease 0.8s 1 both;"><img style="-webkit-user-drag: none; width:198px; height:39px;"  src="images/title-1-01.png"></div>
                        <div class="title-Down1" style="animation: fadeInDown 1s ease 1.2s 1 both;" ><img class="element-last" style=" width:16px; height: 12px;" src="images/title-02.png"></div>
                    </div>
                    <div class="middle" style="animation:bounceInRight 1s ease 1.6s 1 both;"><img src="images/5-1-top.png"></div>
                    <div class="text-box">
                        <div class="photo1" style="animation:bounceInLeft 1s ease 2s 1 both;"><img src="images/5-1-photo1.png"></div>
                        <div class="photo2" style="animation:bounceInRight 1s ease 2.4s 1 both;"> <img src="images/5-1-photo2.png"></div>
                        <div class="photo3" style="animation:bounceInLeft 1s ease 2.8s 1 both;"> <img src="images/5-1-photo3.png"></div>
                    </div>
                    <div class="bottom-box">
                        <li style="animation:zoomIn 0.8s ease 3.2s 1 both;"><p>读取车况<br>数据</p></li>
                        <li style="animation:zoomIn 0.8s ease 3.6s 1 both;"><p>掌握驾驶<br>数据</p></li>
                        <li style="animation:zoomIn 0.8s ease 4.2s 1 both;"><p>优化<br>驾驶习惯</p></li>
                        <li style="animation:zoomIn 0.8s ease 4.6s 1 both;"><p>提高<br>行车安全</p></li>
                    </div>
                </section>
                <div class="u-guideWrap"><a href="javascript:void(0);" class="u-guideTop z-move"></a></div>
            </section>

            <!-- section 1.6 -->
            <section class="page page-batt page-6" id="webDrivingTime">
                <section class="page-content">
                    <div class="little-bg"><img src="images/little-bg.png"></div>
                    <div class="top-title">
                        <h2 class="titleh2" style="animation:fadeinL 1s ease 0.2s 1 both;">智能车辆管理系统</h2>
                        <div style="animation:rotateInRightDown 1s ease 0.8s 1 both;"><img style="-webkit-user-drag: none; width: 198px; height: 39px;"  src="images/title-01.png"></div>
                        <div class="title-Down" style="animation: fadeInDown 1s ease 1.2s 1 both;" ><img class="element-last" style=" width:16px; height: 12px;" src="images/title-02.png"></div>
                    </div>
                    <div class="middle">
                        <div class="a-line1" style="animation:zoomIn 0.4s ease 3.2s 1 both;"><img src="images/6-1-line1.png" style="animation:flashline 4s ease-in-out 3.5s infinite ;"></div>
                        <div class="a-line2" style="animation:zoomIn 0.4s ease 3.2s 1 both;"><img src="images/6-1-line2.png" style="animation:flashline 4s ease-in-out 3.5s infinite ;"></div>
                        <div class="a-line3" style="animation:zoomIn 0.4s ease 3.2s 1 both;"><img src="images/6-1-line3.png" style="animation:flashline 4s ease-in-out 3.5s infinite ;"></div>
                        <div class="a-swing1" style="animation:fadeInLeft 1s ease 1.6s 1 both;"><img src="images/6-icon_01.png"></div>
                        <div class="a-swing2" style="animation:fadeInRight 1s ease 2.1s 1 both;"><img src="images/6-icon_02.png"></div>
                        <div class="a-swing3" style="animation:fadeInLeft 1s ease 2.6s 1 both;"><img src="images/6-icon_03.png"></div>
                        <div class="a-swing4" style="animation:fadeInLeft 1s ease 3.1s 1 both;"><img src="images/6-icon_04.png"></div>
                        <div class="text-box1" style="animation:fadeInRight 1s ease 3.6s 1 both;">
                            <div class="text-left"><img src="images/6-icon_jt1.png"></div>
                            <div style="float:left"><h2>指挥调度</h2><p>实现跨平台指挥。</p></div>
                        </div>
                        <div class="text-box2" style="animation:fadeInLeft 1s ease 4.1s 1 both;">
                            <div class="text-right"><h2 align="right">车辆管理</h2><p style="width:170px;">强化公务车维护、使用、油耗的管理，落实公车公用的目的。</p></div>
                            <div style="float:left; width:15px;padding-top: 12px;"><img src="images/6-icon_jt2.png"></div>
                        </div>
                        <div class="text-box3" style="animation:fadeInRight 1s ease 4.5s 1 both;">
                            <div class="text-left"><img src="images/6-icon_jt1.png"></div>
                            <div style="float:left;width:136px;"><h2>联动作战&nbsp;&nbsp;</h2><p>可多系统联动指挥，提高作战效率。</p></div>
                        </div>
                        <div class="text-box4" style="animation:fadeInLeft 1s ease 4.9s 1 both;">
                            <div style="width:158px;" class="text-right"><h2 align="right">实时监控&nbsp;</h2><p>选择范围内车辆情况,完善用车审批流程，杜绝公车私用。</p></div> <div style="float:left; width:15px;padding-top:12px;"><img src="images/6-icon_jt2.png"></div>
                        </div>
                    </div>
                </section>
                <div class="u-guideWrap"><a href="javascript:void(0);" class="u-guideTop z-move"></a></div>
            </section>


            <!-- section 1.7 -->
            <section class="page page-batt page-7" id="webBracelet">
                <section class="page-content">
                    <div class="little-bg"><img src="images/little-bg.png"></div>
                    <div class="top-title">
                        <h2 class="titleh2" style="animation:fadeinL 1s ease 0.2s 1 both;">穿戴手环应用系统</h2>
                        <div style="animation:rotateInRightDown 1s ease 0.8s 1 both;"><img style="-webkit-user-drag: none; width: 198px; height: 39px;"  src="images/title-01.png"></div>
                        <div class="title-Down" style="animation: fadeInDown 1s ease 1.2s 1 both;" ><img class="element-last"style=" width:16px; height: 12px;" src="images/title-02.png"></div>
                    </div>
                    <div class="middle">
                        <div  class="zb-text1" style="animation:fadeInLeft 1s ease 3s 1 both;"><span style="animation:flashline 2s ease 3.5s infinite both;">现场布置</span></div>
                        <div  class="zb-text2" style="animation:fadeInRight 1s ease 3s 1 both;"><span style="animation:flashline 2s ease 3.5s infinite both;">高精度</span></div>
                        <div class="zb-text3" style="animation:fadeInTop 1s ease 3s 1 both"><span style="animation:flashline 2s ease 3.5s infinite both;">信号穿透性好</span></div>
                        <div style="animation:bounceIn 2s ease 1.4s 1 both;" class="quan"><img src="images/7-1-quan.png"></div>
                        <div class="zuobiao" style="animation: fadeInTop 1.5s ease 2s 1 both;"><img src="images/7-1-yuan.png"></div>
                        <div style="margin:10px auto; font-size:12px; line-height:25px; width:80%;animation: fadeInDown 1.5s ease 3.2s 1 both">根据消防部队对保障消防战士的生命安全，<br>提升指挥作战的效率需求，而定制开发。<br>针对消防员作战现场网络环境复杂，<br>我公司采用目前业界精度最高的商用定位系统——<span class="yellow f20">超宽带(UWB)定位系统</span></div>
                    </div>
                    <div class="footer a-fadeinB"></div>
                </section>
                <div class="u-guideWrap"><a href="javascript:void(0);" class="u-guideTop z-move"></a></div>
            </section>

            <!-- section 1.8 -->
            <section class="page page-batt page-8" id="webEquipment">
                <section class="page-content">
                    <div class="little-bg"><img src="images/little-bg.png"></div>
                    <div class="top-title">
                        <h2 class="titleh2" style="animation:fadeinL 1s ease 0.2s 1 both;">装备管理系统</h2>
                        <div style="animation:rotateInRightDown 1s ease 0.8s 1 both;"><img style="-webkit-user-drag: none; width:198px; height: 39px;"  src="images/title-1-01.png"></div>
                        <div class="title-Down1" style="animation: fadeInDown 1s ease 1.2s 1 both;" ><img class="element-last" style=" width:16px; height: 12px;" src="images/title-02.png"></div>
                    </div>
                    <div class="middle">
                        <div class="con-bigbox">
                            <div class="con-border1" style="animation:fadeInLeft 1s ease 3s 1 both;">
                                <img src="images/8-1-photo3.png" style="animation:rotateline 8s linear 3.1s infinite both;">
                            </div>
                            <div class="con-border2" style="animation:fadeInRight 1s ease 3s 1 both;">
                                <img src="images/8-1-photo3.png" style="animation:rotateline 8s linear 3.1s infinite both;">
                            </div>
                            <div class="con-border3"  style="animation:fadeInDown 1s ease 3s 1 both">
                                <img src="images/8-1-photo3.png" style="animation:rotateline 8s linear 3.1s infinite both;">
                            </div>
                            <div class="con-line" style="animation:zoomIn 1.5s ease 2.8s 1 both;"><img src="images/8-1-photo.png"></div>
                            <div class="icon1" style="animation:bounceInLeft 1s ease 3.1s 1 both;"><img src="images/8-icon1.png"></div>
                            <div class="icon2" style="animation:fadeInRight 1s ease 3.1s 1 both;"><img src="images/8-icon2.png" style="animation: swing 2s ease 3.3s 3 both;"></div>
                            <div class="icon3" style="animation:fadeInDown 1s ease 3.2s 1 both"><img src="images/8-icon3.png"  style="animation: swing 2s ease 3.5s 3 both;"></div>
                            <div class="con-box1" style="animation:bounceIn 1.5s ease 1.6s 1 both;"><p>&nbsp;&nbsp;装备管理<br>后台查询</p></div>
                            <div class="con-box2" style="animation:bounceIn 1.5s ease 2.4s 1 both;"><p>&nbsp;&nbsp;装备报废<br>提示</p></div>
                            <div class="con-box3" style="animation:bounceIn 1.5s ease 2s 1 both;"><p>装备预采购<br>提醒</p></div>
                            <div style="margin-top:10px;animation:fadeInDown 1s ease 3.5s 1 both" >采用手持设备对装备进行扫描巡检，同时后台实时获取装备巡检数据。</div>
                            <div style="float:left; width:147px;animation:fadeInDown 1s ease 3.8s 1 both">由于生产环境中存在高温区域，为满足消防人员装备所使用环境。需要采用耐高温RFID标签来标注特定物件。</div>
                            <div style="float:left; width:145px;animation:zoomIn 0.8s ease 4s 1 both;"><img src="images/8-photo4.png"></div>
                        </div>
                    </div>
                </section>
                <div class="u-guideWrap"><a href="javascript:void(0);" class="u-guideTop z-move"></a></div>
            </section>


            <!-- section 1.9 -->
            <section class="page page-batt page-9" id="webContactUs">
                <section class="page-content">
                    <div class="top-title">
                        <h2 class="titleh2" style="animation:fadeinL 1s ease 0.2s 1 both;">联系我们</h2>
                        <div style="animation:rotateInRightDown 1s ease 0.8s 1 both;"><img style="-webkit-user-drag: none; width:198px; height: 39px;"  src="images/title-1-01.png"></div>
                        <div class="title-Down1" style="animation: fadeInDown 1s ease 1.2s 1 both;" ><img class="element-last" style=" width:16px; height: 12px;" src="images/title-02.png"></div>
                    </div>
                    <div class="middle">
                        <div class="text-box"><img src="images/9-icon-02.png" style="animation:fadeInLeft 1s ease 1.6s 1 both;"><span style="animation:fadeInRight 1s ease 1.6s 1 both;">贵州优行车联科技有限公司</span></div>
                        <div class="hr" style="animation:zoomIn 0.8s ease 2s 1 both;">&nbsp;&nbsp;</div>
                        <div class="text-box"><img src="images/9-icon-03.png" style="animation:fadeInLeft 1s ease 2.4s 1 both;"><span style="animation:fadeInRight 1s ease 2.4s 1 both;">4006-888-030</span></div>
                        <div class="hr"  style="animation:zoomIn 0.8s ease 2.4s 1 both;">&nbsp;&nbsp;</div>
                        <div class="text-box"><img src="images/9-icon-01.png" class="img" style="animation:fadeInLeft 1s ease 3.2s 1 both;"><span style="animation:fadeInRight 1s ease 3.2s 1 both;">贵州省贵阳市国家高新技术产业开发区湖滨路10号翔明大厦A座7楼西侧</span></div>
                        <div class="hr"  style="animation:zoomIn 0.8s ease 3.6s 1 both;">&nbsp;&nbsp;</div>
                        <div class="text-box"><img src="images/9-icon-04.png" style="animation:fadeInLeft 1s ease 4s 1 both;"><span style="animation:fadeInRight 1s ease 4s 1 both;">@优行车联</span></div>
                        <div class="hr"  style="animation:zoomIn 0.8s ease 4.4s 1 both;">&nbsp;&nbsp;</div>
                        <div style="height:25px;"></div>
                        <div style="margin-top:20px;animation:fadeInDown 0.8s ease 4s 1 both;margin: auto; width:120px;"><img src="images/9-1-photo.jpg"></div>
                    </div>
                    <div class="m-lightAppAd"><a href="javascript:void(0);" class="m-lightAppAd-link-guide"></a></div>
                </section>
            </section>

        </section>
    </body>
</html>